// 封装轮播图相关业务代码

// 引入ref
import { ref, onMounted } from "vue"
// 引入轮播图接口
import { getBannerAPI } from "@/apis/banner"
// 导出封装的业务逻辑
export function useBanner() {
    // 定义轮播图响应数据
    // 定义接受轮播图数据的空数组
    const bannerList = ref([])
    // 定义方法获取轮播图数据
    const getBanner = async () => {
        // 传入参数2使其获取分类轮播图
        const res = await getBannerAPI({ distributionSite: '2' })
        bannerList.value = res.result
        console.log(bannerList.value);
    }
    // 调用方法
    onMounted(() => {
        // 轮播图
        getBanner()
    })

    // 将函数内部响应数据暴露出去
    return {
        bannerList
    }
}
